const express = require('express')
const fs = require('fs')
const template = require('art-template')
const path = require('path')
const util = require('util')

const app = express()

// 模板引擎相关配置
app.engine('html', require('express-art-template')) // 当渲染以 .art 结尾的资源文件的时候使用 express-art-template
app.set('view options', {
  // art-template 模板引擎配置
  debug: process.env.NODE_ENV !== 'production'
})
app.set('views', path.join(__dirname, 'views')) // 模板文件的存储目录
app.set('view engine', 'html') // 可以省略的模板文件后缀名

const todos = [
  { id: 1, title: '吃饭1' },
  { id: 2, title: '吃饭2' },
  { id: 3, title: '吃饭3' },
  { id: 4, title: '吃饭4' }
]

// 7.页面中的资源请求路径问题
// 测试地址: http://localhost:3000/a/b/c
// 详情见 index.html
app.use('/public', express.static(path.join(__dirname, './public')))

app.get('/a/b/c', (req, res) => {
  res.render('index.html', {
    foo: 'bar',
    todos
  })
})

app.listen(3000, () => {
  console.log(`Server running at http://localhost:3000/`)
})
